/************************************************************/

*{padding:0; margin:0;}

html, body{ height:100%;}

li{ list-style:none;}

footer{

    height:35px;

    overflow:hidden;

    margin-top:-35px;

    position:relative;

    z-index:10;

}

footer .weiwin-copyright{

    color:#000;}

footer a{color:#000!important; font-size:12px;}

.weiwin-page{

    min-height: 100%;

    padding-bottom: 70px;

    -webkit-box-sizing: border-box;

    word-wrap: break-word;

    word-break: keep-all;

}





.menu-list-item{

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);

}

/*************************************************************/

.box_swipe{

    overflow:hidden;

    position:relative;

}

.box_swipe ul{

    -webkit-padding-start: 0px;

}



.box_swipe>ol{

    height:20px;

    position: relative;

    z-index:10;

    margin-top:-25px;

    text-align:right;

    padding-right:15px;

    background-color:rgba(0,0,0,0.3);

}

.box_swipe>ol>li{

    display:inline-block;

    margin:5px 0;

    width:8px;

    height:8px;

    background-color:#757575;

    border-radius: 8px;

}

.box_swipe>ol>li.on{

    background-color:#ffffff;

}



.recommend>label{

    font-size:15px;

    line-height:30px;

    background:url("../../img/msg.png") no-repeat left center;

    -webkit-background-size:25px auto;

    background-size:25px auto;

    padding-left:30px;

}

.recommend>ul{

    -webkit-padding-start: 0px;

}

.recommend>label>img{

    vertical-align: middle;

    margin-right:10px;

}

.recommend li{

    border-top:1px solid #aaa;

    list-style:none;

}

.recommend li>a{

    text-decoration: none;

    color:#000;

    display:block;

    text-overflow:ellipsis;

    overflow:hidden;

    white-space: normal;

    line-height:30px;

    background:url("../../img/arr.png") no-repeat right center;

    margin-right:10px;

}



.head_logo{

    color:#000;

    padding:5px 0;

    position:relative;

    background:url("../../img/5.png") no-repeat center 0, url("../../img/5.png") no-repeat center 66px;

    -webkit-background-size:85% 3px;

    background-size:85% 3px;

    margin:5px 0;

}

.head_logo:after{

    font-size:20px;

    content:">";

    display:inline-block;

    width:20px;

    height:20px;

    position:absolute;

    right:10px;

    z-index:10;

    top:25px;

    color:#aaa;

}

.head_logo>div{

    vertical-align: middle;

    display: table-cell;

}

.head_logo>div:nth-of-type(2){



}

.head_logo span{

    display:inline-block;

    width:60px;

    height:60px;

    margin-right:10px;

    border-radius:60px;

    border:1px solid #fff;

    background-repeat:no-repeat;

    background-position: center center;

    -webkit-background-size:100% auto;

    background-size:100% auto;

    -webkit-box-shadow:1px 1px 1px #ccc;

}

.head_logo label{

    font-size:16px;

}



.link_tel{

    display:block!important;

    line-height:40px!important;

    margin:10px 10px 0 10px;

    margin-top:10px!important;

    background:#ea5946;

    color:#fff!important;

    text-align:center;

    border-radius:5px;

    word-spacing:nowrap;

    overflow:hidden;

    font-size:18px;

    position:relative;

}

.link_tel:before{

    font-size:20px;

    margin-left:0;

    position:absolute;

    left:10px;

    top:2px;

    font-size:25px;

}



.list_font{

	padding:5px;

}

.list_font li{

	overflow:hidden;

	color:#fff;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	height:100px;

	width:50%!important;

	display:inline-block;

	float:left;

	padding:2px;

	background:#d87570;

	-webkit-background-clip:content;

	-moz-background-clip:content;

	background-clip:content;

	text-align:center;

}

.list_font li a{

    color:#fff;

    display:inline-block;

    width:100%;

    height:100%;

    /*border:1px solid transparent;*/

}

.list_font span[class^="icon"]{

	display:inline-block;

	width:30px;

	height:30px;

	/*background:#fff;*/

	font-size:30px;

	

}

.list_font div:first-child{

	margin-top:20px;

	margin-bottom:5px;

}



.list_font li a p{

	font-size:16px;

}

.list_font li a p>small{

	font-size:12px;

	display:block;

}



/*********************************************/

.menu_font{

	background:rgba(0,0,0,0.8);

	border-radius:5px;

	width:120px;

	position:relative;

	margin-top:10px;

}

.menu_font:after{

	position: absolute;

	content:"";

	display: inline-block;

	width:0;

	height:0;

	border-width:0px 6px 6px 6px;

	border-style:solid;

	border-color:transparent transparent rgba(0,0,0,0.8) transparent;

	top:-6px;

	left:70%;

}



.menu_font li{

	border-top:1px solid rgb(64, 72, 75);

	border-bottom:1px solid rgb(0, 6, 9);

}

.menu_font li:first-of-type{

	border-top:0;

}

.menu_font li:last-of-type{

	border-bottom:0;

}

.menu_font a{

	height:35px;

	line-height:35px;

	/*background:#fff;*/

	position:relative;

	color:#fff;	

	display:block;

	width:100%;

	text-indent:5px;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.menu_font a:before{

	margin-right:5px;

}





/*plugmenu*/

/****************************************************************************/

.plug-wrap{

    position:absolute;

    height:100px;

    background:rgba(0,0,0,0);

    top:0;

    left:0;

    width:0;

    height:0;

    z-index:800;

    display:none!important;

}



.plug-div {

	position:fixed;

	bottom:0;

	left:0px;

	z-index:900;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.plug-menu{

	-webkit-appearance:button;

	display:inline-block;

	width:36px!important;

	height:36px!important;

	border-radius:36px;

	position: absolute;

	bottom:17px;

	left: 17px;

	z-index:999;

	-moz-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);

	box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);

	background-color: #B70000;

	-webkit-transition: -webkit-transform 200ms;

	-webkit-transform:rotate(1deg);

	color:#fff;

	background-image:url("../../img/plugmenu.png");

	background-repeat: no-repeat;

	-webkit-background-size: 80% auto;

	background-size: 80% auto;

	background-position: center center;

}

.plug-menu:before{

	font-size:20px;

	margin:9px 0 0 9px;

}

.plug-menu:checked{

	-webkit-transform:rotate(135deg);

}



.plug-phone>div {

	width:32px;

	height:32px;

	border-radius:32px;

	-moz-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);

	box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);

	background:#B70000;

	position:absolute;

	bottom:0;

	left:0;

	margin-bottom:20px;

	margin-left:20px;

	z-index:900;

	-webkit-transition: -webkit-transform 200ms;

}

.plug-phone>div a{

	color:#fff;

	font-size:20px;

    display: block;

    height: 100%;

    line-height: 33px;

    text-align: center;

}



.plug-phone>div.on:nth-of-type(1) {-webkit-transform: translate(0, -100px) rotate(720deg);}



.plug-phone>div.on:nth-of-type(2) {-webkit-transform: translate(47px, -81px) rotate(720deg);}



.plug-phone>div.on:nth-of-type(3) {-webkit-transform: translate(81px, -45px) rotate(720deg);}



.plug-phone>div.on:nth-of-type(4) {-webkit-transform: translate(100px, 0) rotate(720deg);}







/****************************************for font template****************************************************/

.body{

    padding-bottom:40px;

    -webkit-box-sizing:border-box;

}

.body ~ footer{

    text-align:center;

    position:relative;

}



.top_bar{

    position:fixed;

    width:100%;

    left:0;

    top:0;

    z-index:100;

}

.top_bar+*{

    padding-top:35px;

}

.top_menu{

    display:-webkit-box;

    background: -webkit-gradient(linear, 0 0, 0 100%, from(#212C30), to(#121619));

}



.top_bar .top_menu>li{

    -webkit-box-flex:1;

    height:35px;

    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)),color-stop(50%,rgba(255,255,255,0.8)), to(rgba(255,255,255,0.1)));

    -webkit-background-size:1px 80%;

    background-size:1px 80%;

    background-position: right center;

    background-repeat: no-repeat;

    position:relative;

    text-align:center;

}

.top_menu>li:last-of-type{background:none;}

.top_menu>li span{

    display:inline-block;

    height:100%;

    width:25px;

    margin:auto;

    font-size:24px;

    color:#fff;

    line-height:35px;

    /*background: url(../../img/weiwin-icons.png) no-repeat 0 5px;*/

}

.top_menu>li span.i_back{

    background-position:0 5px;

}

.top_menu>li span.i_home{

    background-position:-33px 5px;

}

.top_menu>li span.i_tel{

    background-position:-65px 5px;

}

.top_menu>li span.i_menu{

    background-position:-95px 5px;

}



.menu_font{

    text-align:left;

    position:absolute;

    top:35px;

    right:10px;

    z-index:500;

}

.menu_font.hidden{

    display:none;

}



/*******************************************/

#mcover {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: none;

    z-index: 20000;

}

#mcover img {

    position: fixed;

    right: 18px;

    top: 5px;

    width: 260px!important;

    height: 180px!important;

    z-index: 20001;

}

.text {

    margin: 15px 0;

    font-size: 14px;

    word-wrap: break-word;

    color: #727272;

}

#mess_share {

    margin: 15px 0;

    display: block;

}

#share_1 {

    float: left;

    width: 49%;

    display: block;

}

#share_2 {

    float: right;

    width: 49%;

    display: block;

}

.clr {

    display: block;

    clear: both;

    height: 0;

    overflow: hidden;

}

.button2 {

    font-size: 16px;

    padding: 8px 0;

    border: 1px solid #adadab;

    color: #000000;

    background-color: #e8e8e8;

    background-image: linear-gradient(to top, #dbdbdb, #f4f4f4);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef;

    text-shadow: 0.5px 0.5px 1px #fff;

    text-align: center;

    border-radius: 3px;

    width: 100%;

}

#mess_share img {

    width: 22px!important;

    height: 22px!important;

    vertical-align: top;

    border: 0;

}





/**********************audio***********************/

.btn_music{

    display:inline-block;

    width:35px;

    height:35px;

    background:url('../../img/play.png') no-repeat center center;

    background-size:100% auto;

    position:absolute;

    z-index:100;

    left:15px;

    top:20px;

}

.btn_music.on{

    background-image:url('../../img/stop.png');

}



/******************************动画*************************/

#iframe_screen{

    background:#fff;

    position:absolute;

    width:100%;

    height:100%;

    left:0;

    top:0;

    z-index:300000;

    overflow:hidden;

}

